<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name=" apple-mobile-web-app-capable" />
    <meta content="no" name="apple-touch-fullscreen" />
    <meta content="black" name=" apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection"/>
    <title>钱包刮刮乐</title>
    <script src="../js/base.min.js"></script>
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1584670_byu0dosfyl.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery-3.4.1.min.js"></script>
    <script src="../js/scratchMod.js"></script>
    <script src="../js/swiper.min.js"></script>
</head>
<body>
<!--页头-->
<div>
    <img src="../img/logo.png" id="img">
    <button class="btn">活动规则</button>
</div>
<div class="mask">
    <div class="pop">
        <h1>活动规则</h1>
        <ul>
            <li flex="main:center">
                <div class="cir" flex="main:center cross:center">1</div>
                <span>活动时间12.01至12.15</span>
            </li>

            <li flex="main:center">
                <div class="cir" flex="main:center cross:center">2</div>
                <span>用户每日登陆会获得一次刮奖机会，当天有效，过期清零</span>
            </li>

            <li flex="main:center">
                <div class="cir" flex="main:center cross:center">3</div>
                <span>每位用户可以通过分享二维码给好友来获得活动次数，最多只能获得三次刮奖机会</span>
            </li>

            <li flex="main:center">
                <div class="cir" flex="main:center cross:center">4</div>
                <span>获得的红包奖励可以在页面中“刮奖记录”中查看</span>
            </li>

            <li flex="main:center">
                <div class="cir" flex="main:center cross:center">5</div>
                <span>活动最终解释权归我司所有</span>
            </li>

        </ul>
    </div>
</div>
<!--banner-->
<header flex="main:center">
    <img src="../img/banner.png">
</header>
<!--轮播信息-->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide" flex="main:center cross:center">
            <i class="iconfont icongonggao1"></i>
            <span>恭喜用户138*******8获得5元现金红包！</span>
        </div>

        <div class="swiper-slide" flex="main:center cross:center">
            <i class="iconfont icongonggao1"></i>
            <span>恭喜用户132*******9获得100元基金理财券!</span>
        </div>

        <div class="swiper-slide" flex="main:center cross:center">
            <i class="iconfont icongonggao1"></i>
            <span>恭喜用户189*******1获得300元基金理财券!</span>
        </div>

        <div class="swiper-slide" flex="main:center cross:center">
            <i class="iconfont icongonggao1"></i>
            <span>恭喜用户158*******3获得500元基金理财券!</span>
        </div>
    </div>
</div>
<!--礼品盒-->
<section class="bg" flex="main:center cross:bottom">
    <div id="scratch_mod_container" ></div>
</section>
<!--刮奖记录-->
<section class="bg1" flex="dir:top cross:center">
    <h1>大奖抢先看</h1>
    <img src="../img/award.png">
    <button class="btn1">刮奖记录</button>
    <div class="mask-1">
        <div class="pop">
            <h1>刮奖记录</h1>
            <div>
                <div class="content" flex="main:justify cross:center">
                    <h4>2019-12-08 17:31</h4>
                    <span>获得5元现金红包</span>
                </div>

                <div class="content" flex="main:justify cross:center">
                    <h4>2019-12-08  16:59</h4>
                    <span>未中奖</span>
                </div>

                <div class="content" flex="main:justify cross:center">
                    <h4>2019-12-07  12:11</h4>
                    <span>未中奖</span>
                </div>

                <div class="content" flex="main:justify cross:center">
                    <h4>2019-12-06  09:10</h4>
                    <span>未中奖</span>
                </div>

                <div class="content" flex="main:justify cross:center">
                    <h4>2019-12-05  16:10</h4>
                    <span>获得100元基金理财</span>
                </div>
            </div>
            <div class="content-1" flex="main:center cross:center">
                <i class="iconfont iconchakangengduo"></i>
                <span>点击查看更多记录</span>
            </div>
        </div>
    </div>
</section>
<footer flex="main:center corss:center">
    <img src="../img/footer.png">
</footer>
<script src="../js/index.js"></script>
</body>
</html>